<template>
  <div class="contain" >
    <qrcode-vue
      class="main"
      :value="props.value"
      size:300
      style="width: 150px; height: 150px;">
    </qrcode-vue>

  </div>
</template>

<script setup>
import { defineProps } from 'vue'
import QrcodeVue from 'qrcode.vue'
const props = defineProps({
  value: {
    type: Number,
    defaule: 123456786
  }
})
</script>

<script>
export default {
  name: 'qr-code'
}
</script>

<style lang="less" scoped>

</style>
